.trash_model{
    .pull-left {
        float: left;
    }

    .pull-right {
        float: right;
    }

    .top_panel {
        height: 57px;
        width: 100%;
        background-color: #494d51;
        padding: 0px 20px;
        overflow: hidden;

        .search_box {
            opacity: 0.15;
            z-index: 4;
            width: 227px;
            height: 40px;
            background: #ffffff;
            margin-top: 10px;
            padding: 5px;
            border-radius: 5px;
            float: left;
            position: relative;
            i{
                position: absolute;
                left: 7px;
                top: 14px;
                font-size: 14px;
            }
            input {
                width: 100%;
                height: 100%;
                border: none;
                list-style: none;
                outline: none;
                text-indent: 20px;
                //padding-left: 10px;
                font-size:14px;
                font-weight:400;
                color:rgba(169,179,194,1);
                line-height:20px;
            }
        }

        .user_area {
            float: right;

            span {
                width: 16px;
                height: 16px;
                float: left;
                margin: 20px 10px;
                cursor: pointer;

                i {
                    color: #fff;
                    font-size: 14px;
                }
                &:nth-child(3){
                    display: block;
                    padding: 5px;
                    border: 1px solid transparent;
                    border-radius: 50%;
                    margin-top: 15px;
                    background: #9EA7B6;
                    i{
                        color: white;
                    }
                }
            }
        }
    }

    .content_panel {
        width: 100%;
        padding: 20px;

        .shortcut_doc_list {
            .short_title {
                width: 100%;
                font-weight:500;
                color:rgba(50,54,58,1);
                line-height: 35px;
                height: 35px;
                font-size: 21px;
                overflow: hidden;
            }

            .short_list {
                width: 100%;
                margin-top: 14px;
                overflow: hidden;

                ul {
                    li {
                        float: left;
                        width: 132px;
                        height: 113px;
                        border: solid 0.5px #d5dbe3;
                        background: linear-gradient(180deg, #FFFFFF, #F1F1F1);
                        margin-right: 18px;
                        margin-bottom: 14px;
                        cursor: pointer;

                        .list_img {
                            display: inline-block;
                            width: 100%;
                            height: 82px;

                            img {
                                width: 100%;
                                height: 100%;
                            }

                            border-bottom: 1px solid #ddd;
                        }

                        .list_title {
                            display: flex;
                            justify-content: space-around;
                            //width: 100%;
                            height: 32px;
                            line-height: 32px;
                            padding-left: 10px;
                            font-size: 12px;
                            span{
                                max-width: 120px;
                                display: inline-block;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                box-sizing: border-box;
                            }
                            img{
                                margin-top: 10px;
                            }
                            i{
                                color: #FFE048;
                                margin-top: 10px;
                            }
                            p{
                                position: relative;
                                &::after {
                                    content: "...";
                                    display: inline-block;
                                    transform: rotate(90deg);
                                    position: relative;
                                    top: 0px;
                                    left: 2px;
                                }
                            }

                        }

                        :hover {
                            color: #007aff;
                            text-decoration: #007aff;
                        }
                    }
                }
            }
        }

        .all_doc_list {
            margin-top: 20px;

            .all_title {
                overflow: hidden;
                font-size: 21px;
                height: 35px;
                line-height: 35px;
                font-weight:500;
                color:rgba(50,54,58,1);
            }

            .operate_box {
                margin-top: 10px;
                height: 28px;
                color: #32363a;
                font-size: 12px;
                padding: 6px 0;

                ul {
                    height: 28px;
                    li {
                        //width: 42px;
                        height: 20px;
                        line-height: 20px;
                        background: #f8f8f8;
                        text-align: center;
                        cursor: pointer;
                        float: left;
                        margin-right: 20px;
                        span {
                            margin-left: 5px;
                        }
                    }
                    :nth-child(5){
                        width: 90px;
                        float: right;
                    }
                }
            }

            .all_table {
                margin-top: 10px;
                .oprate{
                    position: relative;
                    &::after {
                        content: "|||";
                        display: inline-block;
                        transform: rotate(90deg);
                        position: relative;
                        top: 0px;
                        left: 2px;
                    }
                }
                .el-table th {
                    padding: 5px 0 !important;

                }
            }
        }
    }
}
